#{extends 'main.html' /}
#{set 'title'}&{'admin.roles.audit.page.title'}#{/set}
#{set 'current'}&{'admin.roles.audit.breadcrumb'}#{/set}

<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

	<div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">

		<header>
			<span class="widget-icon"> <i class="fa fa-table"></i> </span>
			<h2>&{'admin.roles.audit.page.title'}</h2>
		</header>

		<div>
			<div class="widget-body">
				<div class="table-responsive">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th>&{'admin.roles.audit.table.title.date'}</th>
								<th>&{'admin.roles.audit.table.title.user'}</th>
								<th>&{'admin.roles.audit.table.title.action'}</th>
								<th>&{'admin.roles.audit.table.title.name'}</th>
								<th>&{'admin.roles.audit.table.title.description'}</th>
							</tr>
						</thead>
						<tbody>
							#{list items:roles, as:'role'}
								<tr>
									<td>${role[1].revisionDate.format("dd/MM/yyyy HH:ss")}</td>
									<td>${role[1].user}</td>
									<td>${role[2]}</td>
									<td>${role[0].name}</td>
									<td>${role[0].description}</td>
								</tr>
							#{/list}
						</tbody>
					</table>
					<button type="button" class="btn btn-default" onclick="window.history.back();">
						Back
					</button>
				</div>
			</div>
		</div>
	</div>
</article>